/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC
16 MODERNIZR
17 TEMPLATE SPECIFICS
18 MEDIA QUERIES

COLOURS

*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display : block; }

audio[controls], canvas, video {
display : inline-block;
*display : inline;
*zoom : 1; }

[hidden] { display: none; }

/* 1. ROOT
--------------------------------------------------------------------------------*/
img, obj {
	
	border: none;
	outline: none !important;
}
html {
overflow-y : scroll;
background : rgb(255,255,255);
}

body {
margin : 0;
padding : 0;
font : 100%/1.4 share-regular, serif;
color : rgb(40,40,40);
background-color : transparent; }

button,
input,
select,
textarea {
color : rgb(40,40,40); }

/* 2. HEADINGS (320 and Up typography defaults)
--------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight : normal;
font-style: italic; }

h1 {
margin-bottom : .75em;
font-size : 1.5em; /* 48 / 16 = 3 */
line-height : 1.2; }

h2 {
margin-bottom : .75em;
font-size : 1.25em; /* 36 / 16 = 2 */
line-height : 1.2; }

h3 {
margin-bottom : .75em;
font-size : 1.25em; /* 24 / 16 = 1.5 */
line-height : 1.3; }

h4 {
margin-bottom : 1.25em;
font-size : 1.25em; /* 20 / 16 = 1.25 */
line-height : 1.25; }

h5 {
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

h6 {
font-size : 1em; /* 16 / 16 = 1 */ }

/* 3. TYPOGRAPHY (320 and Up typography defaults)
--------------------------------------------------------------------------------*/

p,
ol,
ul,
dl,
address {
margin-bottom : 1.5em;
font-size : 0.9em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;
text-align : justify; }

ul,
ol {
margin : 0 0 1.5em -24px;
padding : 0 0 0 24px; }

li ul,
li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */ }

dl,
dd {
margin-bottom : 1.5em; }

dt {
font-weight : normal; }

blockquote  {
margin : 0 0 1.5em -24px;
padding-left : 24px;
border-left : 1px solid rgb(200,200,200);
font-style : italic; }

blockquote:before,
blockquote:after,
q:before,
q:after {
content : '';
content : none; }

abbr[title] {
border-bottom : 1px dotted;
cursor : help; }

b, strong {
font-weight : bold; }

dfn {
font-style : italic; }

hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid rgb(204,204,204); }

ins {
background-color : rgb(240,240,240);
color : rgb(0,0,0);
text-decoration : none; }

mark {
background-color : rgb(240,240,240);
color: rgb(0,0,0);
font-style : italic;
font-weight : bold; }

pre,
code,
kbd,
samp {
font-size : .875em;
line-height : 1.5; }

pre {
white-space : pre;
white-space : pre-wrap;
word-wrap : break-word; }

q {
quotes : none; }

q:before,
q:after {
content : "";
content : none; }

small {
font-size : .7em; /* 16 / 16 = 1 */ }

sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline; }

sup {
top : -.5em; }

sub {
bottom : -.25em; }

/* 4.LINKS
--------------------------------------------------------------------------------*/

a {
color : #1288ae; }

a:visited {
color : #1288ae; }

a:focus {
outline : none; }

a:hover,
a:active {
outline : 0; }

/* 5.FIGURES & IMAGES
--------------------------------------------------------------------------------*/

figure {
margin-bottom : 1.5em; }

figure img,
figure object,
figure embed {
margin-bottom : .75em;
max-width : 100%; }

figcaption {
display : block;
font-weight : normal; }

img {
border : 0; }

svg:not(:root) {
overflow : hidden; }

/* 6.TABLES
--------------------------------------------------------------------------------*/

table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%;
font-size : .875em; /* 14 / 16 = .875 */ }

th, td, caption {
padding : .25em 10px .25em 5px; }

tfoot {
font-style : italic; }

caption {
background-color : transparent; }

/* 7.FORMS
--------------------------------------------------------------------------------*/

form {
margin : 0; }

fieldset {
margin-bottom : 1.5em;
padding : 0;
border-width : 0; }

legend {
*margin-left : -7px;
padding : 0;
border-width : 0; }

label {
font-weight : normal;
cursor : pointer; }

button,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle; }

button, input {
line-height : normal;
*overflow : visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor : pointer; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;  }

textarea {
overflow : auto;
vertical-align : top; }

/* Colors for form validity */
input:valid,
textarea:valid   {
/* Styles */ }

input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px rgb(255,0,0);
-moz-box-shadow : 0 0 2px rgb(255,0,0);
box-shadow : 0 0 2px rgb(255,0,0); }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : rgb(240,221,221); }

/* 8 BANNER
--------------------------------------------------------------------------------*/
/* 9 NAVIGATION
--------------------------------------------------------------------------------*/
/* 10 CONTENT
--------------------------------------------------------------------------------*/
/* 11 MAIN
--------------------------------------------------------------------------------*/
/* 12 COMPLEMENTARY
--------------------------------------------------------------------------------*/
/* 13 CONTENTINFO
--------------------------------------------------------------------------------*/

/* 14 GLOBAL OBJECTS
--------------------------------------------------------------------------------*/

.clearfix:before,
.clearfix:after {
content : "\0020";
display : block;
height : 0;
overflow : hidden; }

.clearfix:after {
clear : both; }

/* 15 VENDOR-SPECIFIC
--------------------------------------------------------------------------------*/

html {
-webkit-overflow-scrolling : touch;
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

.clearfix {
zoom : 1; }

::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button; }

::-webkit-input-placeholder {

text-align: center;

}

input:-moz-placeholder {

text-align: center;

}

.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }



/* Non-semantic helper classes
--------------------------------------------------------------------------------*/

.ir { display : block;
overflow : hidden;
background-repeat : no-repeat;
text-align : left;
text-indent : -999em;
direction : ltr; }

.ir br {
display : none; }

.hidden {
display : none;
visibility: hidden; }

.visuallyhidden {
position : absolute;
margin : -1px;
padding : 0;
height  : 1px;
width : 1px;
overflow : hidden;
border : 0;
clip : rect(0 0 0 0); }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
position: static;
margin : 0;
height : auto;
width : auto;
overflow: visible;
clip : auto; }

.invisible {
visibility : hidden; }

.container {
	padding: 5% 5% 3% 5%;
}
.full{display:block;float:left;width:100% !important;margin-left:0 !important}

/* Search form
-----------------------------------------*/
[role="search"] {
	background: #363636 url(../img/search-btn-bg.png) repeat 0 0;
	width: 100%;
	margin-top: -62px;
}
#search_trigger {
	position: absolute;
	top: 0;
	right: 0;
	background: #363636 url(../img/search-btn-bg.png) repeat 0 0;
	width: 57px;
	line-height: 52px;
	border-left: 1px solid #2f2f2f;
	font-size: 2em;
	color: #1288AE;
	text-align: center;
	text-decoration: none;
	font-style: italic;
}
#search_trigger i {
	margin-left: 5px;
}
.home [role=search] {
	background: #363636 url(../img/bg-sprite.jpg) repeat 0 -330px;
	border-top: 1px solid #61534a;
	border-bottom: 1px solid #61534a;
	width: 100%;
	display: block;
	margin: 0;
}
[role=search] p {
	
}
input[type="search"] {
	padding: 0 3px;
	border: 0;
	width: 88%;
	margin: 5% 0 5% 5%;
	padding: 5px 3px;
	outline: none;
	text-align: center;
	color: #fff;
	background: #555;
	font-size: .9em;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-style: italic;
	text-transform: uppercase;
}

/* Homepage
--------------------------------------------------------------------------------*/
#branding {
	margin: 0;
	color: #addcf0;
}
.home header h1 {
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 30px;
	font-style: normal;
	letter-spacing: -.05em;
}


/* Main Content
-----------------------------------------*/
[role="main"] {
	background: url(../img/brillant.png) repeat center 0;
	position: relative;
}
.home [role="main"] .container {
	background: url(../img/stripes.png) 0 bottom repeat-x, url(../img/stripes.png) 0 top repeat-x;
}
header {
	background: url(../img/bg-sprite.jpg) repeat 0 -819px;
	position: relative;
}
header .container {
	background: url(../img/wine-bg2.jpg) no-repeat 50% bottom;
}
#buttons {
	
}
#hp_search {
	margin: 0 0 20px;
}
.button, .button:visited {
	display: block;
	float: left;
	width: 48%;
	background: rgba(0,24,25,0.3) url(../img/texture.png) repeat;
	color: #fff;
	padding: 5% 0;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 10px;
	text-decoration: none;
}
#buttons .right {
	margin-left: 4%;
}
.button span {
	display: block;
}
#closest h1 {
	text-align: center;
	/*border-bottom: 4px double #bbb;*/
	color: #595959;
	letter-spacing: -.05em;
	font-size: 1.6em;
	margin: 0px 0 30px;
}
.header_message {
	margin: 0;
	font-size: .9em;
	text-align: center;
	color: #aaa;
}
.header_message em {
	font-weight: bold;
}
.aerodromes .resultset {
	margin: 30px 0 0;
	float: left;
	width: 100%;
	min-height: 550px;
}
.resultset p {
	text-align: center;
}
.pagenumber {
	font-style: italic;
}
#closest article {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #bbb;
	float: left;
	width: 100%;
}
#closest article:last-child {
	border: none;
}

































































































.url a, .airport_basic .tel a {
	color: #d80;
}
.account_icons_2 {
	float: right;
	width: 10%;
	text-align: center;
}
.account_icons_2 a {
	text-indent: -9999em;
	background: #000;
	opacity: .2;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 0 .7em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.account_icons_2 a span {
	background: url(../img/icons-favs-wineries.png) no-repeat -14px -14px;
	display: block;
	width: 32px;
	height: 32px;
}
.account_icons_2 .checked {
	opacity: 1;
	background: url(../img/filters-bg.jpg) repeat -14px -14px;
}
.account_icons_2 .visit .visit, .account_icons_2 .visit .checked {
	background-position: -74px -14px;
}
.account_icons {
	margin: .5em 0 0;
	position: relative;
}
.account_icons a {
	display: block;
	margin: 0 0 .7em;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	float: left;
	margin: 0 .7em 0 0;
	font-size: .6em;
}
.account_icons_listings a {
	color: #666;
	text-decoration: none;
	float: left;
	width: 50%;
	border-radius: 0;
	margin: 0;
}
.account_icons a span {
	display: block;
	padding: 0 0 0 23px;
	margin: 0 1em 0 0;
	line-height: 2.9em;
}
.account_icons .favorites span {
	background: url(../img/icons-favs-wineries.png) no-repeat -5px -5px;
}
.account_icons .visit span {
	background: url(../img/icons-visit-wineries.png) no-repeat -5px -5px;
}
.account_icons .checked .favorites, .account_icons .checked .visit {
	background-position: -5px -38px;
}
.account_icons .up, .account_icons .down {
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #000;
	opacity: .2;
	text-indent: -9999em;
	margin: 0 10px 0 0;
}
.account_icons .up span, .account_icons .down span {
	background: url(../img/icons-move.png) no-repeat 0 0;
	display: block;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
}
.account_icons .up span {
	background-position: 100% 0;
}
.favorites .account_icons .up, .favorites .account_icons .down {
	float: left;
}
#location_wrap {
	background: url(../img/bg-sprite.jpg) repeat-x 0 -416px;
	text-align: center;
	position: relative;
}
#location_wrap h1 {
	margin: 0;
	color: #454c4c;
	font-size: 1.3em;
}
#location_wrap p {
	text-align: center;
	margin: 0 0 15px;
	color: #dd8800;
}
#location_wrap .button {
	float: none;
	padding: 0;
	background: url(../img/bg-sprite.jpg) repeat-x 0 -760px;
	border: 1px solid #98b9cb;
	margin: 0 0 20px -100px;
	position: relative;
	left: 50%;
	width: 200px;
	line-height: 50px;
}
#location_wrap a {
	text-decoration: none;
}

/* 12 COMPLEMENTARY
--------------------------------------------------------------------------------*/

/* 13 CONTENTINFO
--------------------------------------------------------------------------------*/
footer, footer p {
	text-align: center;
}
footer {
	background: url(../img/bg-sprite.jpg) repeat-x 0 0;
	text-align: center;
	position: relative;
	z-index: 999;
}
footer li {
	display: inline;
	margin: 0 10px 0 0;
}
body footer li a {
	text-decoration: none;
	font-weight: bold;
}
footer[role="contentinfo"] small {
	display : block;
	margin : 0;
	font-size: .8em;
	color: #a1a1a1;
}

footer[role="contentinfo"] ul {
	list-style-type : none;
	margin : 0 0 10px;
	padding : 0;
}
#footer_social a:first-child {
	margin: 0 1.5em 0 0;
}
#footer_social a {
	font-size: 3em;
}
/* Aerodrome Page
--------------------------------------------------------------------------------*/
#breadcrumbs {
	margin: 0;
}
#breadcrumbs a {
	text-decoration: none;
	font-size: 1em;
}
#header, #header {
	background: #363636 url(../img/bg-sprite.jpg) repeat 0 -330px;
	z-index: 10;
}
#header h1 {
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 5%;
	line-height: 52px;
	color: #fafafa;
	font-style: normal;
	text-transform: lowercase;

}
#filters {
	position: absolute;
	bottom: -50px;
	right: 0;
	background: transparent url(../img/filter-btn.jpg) no-repeat 0 0;
	width: 110px;
	height: 46px;
	font: italic .8em/1.2em georgia, serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 0;
}
#filter_container {
	background: url(../img/filters-bg.jpg) repeat 0 0;
	padding: 20px 0;
}
#filter_container .container {
	background: none;
}
#filter_container h1 {
	padding: 0;
	margin: 0 0 .3em;
	line-height: normal;
	color: #32281f;
}
.filters li {
	margin: 0 0 .8em;
	padding: 0;
	list-style: none;
	text-align: left;
	color: #fff;
	float: left;
	width: 50%;
}
#filters_amenities li {
	float: none;
	width: 100%;
}
.vertical li {
	float: none;
	width: 100%;
}
.filters li img {
	vertical-align: middle;
}
.filters .description {
	display: block;
	color: #32281f;
	padding: .3em 0;
	font-size: .9em;
}
.filters a,.filters a:visited {
	color: #1288ae;
	text-decoration: none;
}
.filters input[type=checkbox], .filters input[type=radio] {
	margin: 0 .3em 0 0;
}
#closest {
	
}
#closest article {
	
}
#closest article.show {
	display: block;

}
#aerodrome_img {
	background: url(../img/stripes.png) 0 bottom repeat-x;
	padding: 0 0 15px;
}
.aerodrome [role="main"] .container {
	background: url(../img/stripes.png) 0 top repeat-x;
}
#more_controls {
	margin: 20px 0 0;
}
#more_controls a {
	display: block;
	background: rgba(0,24,25,0.3) url(../img/texture.png) repeat;
	color: #fff;
	text-align: center;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 10px;
	text-decoration: none;
	line-height: 50px;
}
#less {
	width: 30%;
	float: left;
}
#more {
	width: 65%;
	float: right;
}
/* Winery
--------------------------------------------------------------------------------*/
#top_account_icons {
	position: absolute;
	top: 0;
	right: 0;
}
#top_account_icons .icon, #social .icon, #social .icon {
	display: block;
	text-indent: -9999em;
	background: #000;
	width: 60px;
	height: 60px;
	float: left;
	margin: 0 10px 0 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	opacity: .2;
}
#top_account_icons .icon span, #social .icon span {
	background: url(../img/icons-favs.png) no-repeat 0 100%;
	display: block;
	width: 60px;
	height: 60px;
}
#top_account_icons .icon .visit, #social .icon .visit {
	background-position: 100% 100%;
}
#top_account_icons .checked, #social .checked {
	opacity: 1;
	background: url(../img/filters-bg.jpg) repeat 0 0;
}
#top_account_icons .checked .favorites, #social .checked .favorites {
	background: url(../img/icons-favs.png) no-repeat 0 -1px;
}
#top_account_icons .checked .visit, #social .checked .visit {
	background: url(../img/icons-favs.png) no-repeat 100% -1px;
}
.detail_page {
	padding: 40px 0 0;
}
.detail_page section {
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #bbb;
	position: relative;
}
.detail_page section:last-child {
	border: none;
}
.detail_page li, .detail_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #444;
}
.detail_page section p {
	margin: 0;
	color: #444;
}
.detail_page a {
	text-decoration: none;
}
section#contact {
	margin-top: 20px;
}
.detail_page header {
	background: none;
	margin: 0 0 20px;
}
#page_header h1 {
	margin: 0;
	font: normal bold 1.7em Helvetica, Arial, sans-serif;
	color: #383838;
	margin: 0;
	padding: 0;
}
.detail_page h2 {
	margin: 0 0 .4em;
	font: normal bold 1em Helvetica, Arial, sans-serif;
	color: #383838;
}
#contact .img {
	width: 16%;
	float: left;
	margin: 0;
	padding: 5px;
}
#contact p {
	clear: left;
}
#directions_icon {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/icon-directions.png) no-repeat 0 0;
	display: block;
	height: 59px;
	width: 59px;
	text-indent: -9999em;
}
.img {
	padding: 10px;
	background: #fff;
	margin: 20px 0;
}
.img img {
	display: block;
	border: 1px solid #dedede;
	width: 99%;
}
#amenities li:nth-child(odd) {
	clear: left;
}
#photos li {
	margin: 0 0 15px;
	background: #fff;
	padding: 10px;
	position: relative;
}
#photos li:last-child {
	margin: 0;
}
#social img {
	border: 1px solid #dedede;
	display: block;
	width: 99%;
}
#social li {
	float: left;
	width: 25%;
}

.detail_page article header {
	background: none;
}
.detail_page article header h1 {
	padding: 0;
	margin: 0 0 0.3em;
	font: normal bold 1.2em Helvetica, Arial, sans-serif;
	color: #383838;
}
.time_stamp,.location {

	font-weight : normal;
	font-size: .8em;
	margin: 0 0 .3em;
}
.location {
	color: black !important;
}

/* around
------------------------------------------*/
#around section {
	/*display: none;*/
	padding: 0 0 20px;
	margin: 0 0 20px;
	border: none;
}
header.around_heading {
	background: none;
	padding: 0;
	margin: 30px 0 20px;
	text-align: center;
}
.detail_page #around .around_heading h1 {
	text-align: center;
	color: #383838;
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	line-height: normal;
}
#around .header_message {
	color: #aaa;
}
#around article {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #bbb;
}
#around article:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
.detail_page #around article header h1 {
	font-size: 1em;
	width: 75%;
}
#around article header {
	position: relative;
}
#around h1 span {
	color: #898989;
	font-weight: bold;
}
#around h1 span small {
	font-weight: normal;
}
#around article .directions {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 39px;
	width: 39px;
	text-align: center;
	font-size: 10px;
}
#around .time_stamp {
	margin: 0 0 .7em;
}

/* Location Set
--------------------------------------------------------------------------------*/
#change_location {
	/* visibility: hidden; */
}
/* 17 forms
--------------------------------------------------------------------------------*/
select {
	padding: .4em;
	margin: 0 0 .4em;
	width: 100%;
}
/* 17 TEMPLATE SPECIFICS
--------------------------------------------------------------------------------*/

@media screen and (orientation:landscape) {
	#photos li:nth-child(even) {
		float: right;
		width: 44%;
	}
	#photos li:nth-child(odd) {
		float: left;
		width: 44%;
	}
	input[type="search"] {
		margin: 3% 0 3% 3%;
	}
	#filters_amenities li {
		float: left;
		width: 50%;
	}
}


/* 480px */
@media only screen and (min-width: 480px) {

}

/*
 * Media queries for responsive design https://github.com/shichuan/mobile-html5-boilerplate/wiki/The-Style
 */


/* Styles for desktop and large screen ----------- */

/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
.bottom {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* prevent callout */
.nocallout {-webkit-touch-callout: none;}

/* Text overflow with ellipsis */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {-webkit-appearance: none;}

/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {position: absolute; left: -100%;}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

#googlebeaconpix {
	position: absolute;
	z-index: 0;
	width: 1px;
	height: 1px;
}
#ipadd {
	position: absolute;
	right:0;
	top: 0;
	font-size: 9px;
	color: #ADDCF0;
	margin:4px;
	z-index: 5000;
}
span.photo-credit {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: block;
	position: absolute;
	font-size: 10px;
	
	color: #fff;
	background-color: #333;
	right: 14px;
	bottom: 18px;
	padding: 1px 3px;
	margin:0;
 	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
span.photo-credit:hover {
 	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity:1.0;
}

/* Search form
-----------------------------------------*/
[role="thumb"] {
	height: 220px;
	overflow: hidden;
	position: relative;
	border-top: 1px solid #ccc;
		-webkit-box-shadow: 0px -8px 8px -11px black;
		   -moz-box-shadow: 0px -8px 8px -11px black;
		        box-shadow: 0px -8px 8px -11px black;	
}

#buttons i {
	font-size: 2em;
}

/* Header
------------------------------------------*/

header .sticky {
  background-color: #1288AE;
  position: fixed;
  right: 0;
  bottom: 0px;
  z-index: 99998;
  border-radius: 5px 0px 0px 0px;
  -webkit-border-radius: 5px 0px 0px 0px;
  -moz-border-radius: 5px 0px 0px 0px;
  -ms-border-radius: 5px 0px 0px 0px;
  -o-border-radius: 5px 0px 0px 0px;
  cursor: pointer;
  width: 58px;
  height: 58px;
  text-align: center;
}


header .sticky i {
	color: #fff;
	font-size: 2em;
	line-height: 58px;
}

header .sticky .icon-cloud {
	margin-left: -10px;
}
header .sticky .icon-globe {
	margin-left: -14px;
}



header i.active {
	color: #fff;
}

.recent_search {
	float: left;
	width: 75%;
}

.remove_search {
	float: right;
	width: 15%;
	text-align: center;
	color: #1288AE;
	font-size: 1.1em;
}

.recent_search a {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}


.recent_search h2 {
	margin: 0 0 .3em;
	font-style: normal;
	color: #383838;
	font-size: 1em;
	font-weight: bold;
}


.show {
	display: block;
}

.hide {
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
}


/* Main buttons */
.aerodrome_shortcuts { list-style: none; overflow: hidden; margin-top: 20px; margin-bottom: 30px; }
.aerodrome_shortcuts li { font-size: 28px; margin-bottom: 16px; vertical-align: center; color: #595959; float: left; text-align: center; width: 25%}


/* Flickr badge */
#flickr_badge_uber_wrapper {text-align:center; width:260px;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image img {width:100%;height: auto;    opacity:0.85;	filter:alpha(opacity=85);	min-height: 220px;}


/* Results page */
.aerodrome_info {	position: relative;	float: left;}


.main_info_toggles,
.weather_toggles {
	display: none;
	height: 50px;
	width: 100%;
	float: left;
	margin: 10px 0 20px 0;
}

.main_info_toggles span,
.weather_toggles span {
	font-size: 2em;
	width: 33.33333%;
	float: left;
	text-align: center;
}

.main_info_toggles p,
.weather_toggles p {
	font-size: .4em;
	text-align: center;
	margin: -10px;
}

.toggle_container {
	float: left;
	position: relative;
	width: 100%;

}
.active_toggle {
	color: #1288AE;
}


/* Data containers */
.aerodrome_basic {
	float: left;
	width: 100%;
	margin-top: 15px;
}
.aerodrome_basic h2 {
	margin: 0 0 .3em;
	
	font-style: normal;
	color: #383838;
	font-size: 1em;
	font-weight: bold;
}
.aerodrome_basic p {
	margin: 0;
	font-size: .9em;
	float: left;
}

.aerodrome_basic p.label {
	
	width: 50%;
}
.aerodrome_basic p.value {
	text-decoration: none;
	width: 50%;
}

.aerodrome_basic span {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.aerodrome_basic a {
	color: #666;
	text-decoration: none;
}

.aerodrome_name {
	width: 100%;
	float: left;
	font-size: 0.9em;
	margin-bottom: 15px;
	border-bottom: 1px dotted #DDD;
}
.aerodrome_ident {
	float: left;
	font-size: 2em;
	width: 33.333333%;
	margin-top: -2%;
	text-align: center;
}

.aerodrome_extras,
.aerodrome_basic_weather {
	float: left;
	width: 66.666666%;
	display: none;
}

.aerodrome_runways {
	position: absolute;
	width: 100%;
	height: 100%;	
}

.aerodrome_comm {
	position: absolute;
	width: 100%;
	height: 100%;
}

.aerodrome_metars {
	position: absolute;
	width: 100%;
	height: 100%;	
}

.aerodrome_tafs {
	position: absolute;
	width: 100%;
	height: 100%;	
}

.comm_container {
	clear: both;
	border-bottom: 1px solid #F0F0F0;
}

.comm_container span.frequency,
.comm_container span.description {
	width: 50%;
	text-align: center;
	float: left;
}


.comm_container span p{
	margin: .45em 0 .15em 0;
}





.openMap {
	width: 100%;
	height: 300px;
	position: relative;
	float: left;
}

.runway_container {
	background: url('../img/old_wall.png');
	margin-bottom: 15px;
	clear: both;
}

.runway {
	background-color: #595959;
	background: url('../img/broken_noise.png');
	height: 30px;
	position: relative;
	color: #fff;
	text-align: center;
	padding-top: 9px;
	min-width: 100px;

}
.le_ident {
	position: absolute;
	left: 3%;
	top: 21%;
	font-size: 1em;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);

}
.he_ident {
	position: absolute;
	right: 3%;
	top: 21%;	
	font-size: 1em;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}

.runway_more_info {
	height: auto;
	display: none;
	position: relative;
	margin-bottom: 15px;
	float: left;
	width: 100%;	
	background: url('../img/old_wall.png');
}

.info_section {
	float: left;
	position: relative;
	width: 100%;
	height: 25px;
	border-bottom: 1px dotted #DDD;	
	line-height: 25px;
}

.le_displaced_threshold_ft {
	float: left;
	font-size: 0.7em;
	font-weight: 600;
}

.le_displaced_threshold_ft .markings{
	font-size: 2.0em;
	float: left;
	color: #ADA96E;
	margin-right: 7px;
}

.le_displaced_threshold_ft .markings i {
	margin-right: -21px;
}

.he_displaced_threshold_ft {
	float: right;
	font-size: 0.7em;
	font-weight: 600;
}

.he_displaced_threshold_ft .markings{
	font-size: 2.0em;
	float: right;
	color: #ADA96E;
	margin-left: 14px;
	margin-right: -7px;
}

.he_displaced_threshold_ft .markings i {
	margin-left: -20px;
	margin-right: -1px;
}

.displaced_threshold_ft {
	position: absolute;
	left: 0;
	font-size: 0.8em;
	top: 0px;
	width: 100%;
	text-align: center;
}

.le_elevation_ft {
	float: left;
	font-size: 0.7em;
	font-weight: 600;
	margin-left: 10px;
}

.he_elevation_ft {
	float: right;
	font-size: 0.7em;
	font-weight: 600;
	margin-right: 10px;
}

.elevation_ft {
	position: absolute;
	left: 0;
	font-size: 0.8em;
	width: 100%;
	text-align: center;
}

.le_heading_degT {
	float: left;
	font-size: 0.7em;
	font-weight: 600;
	margin-left: 10px;
}

.he_heading_degT {
	float: right;
	font-size: 0.7em;
	font-weight: 600;
	margin-right: 10px;
}

.heading_degT {
	position: absolute;
	left: 0;
	font-size: 0.8em;
	top: 0px;
	width: 100%;
	text-align: center;
}

.runway_length {

}



.metar, .taf {
	line-height: 1em;
	margin: 10px;
	color: #0c5066;
	text-align: left !important;
}

.speci {
	line-height: 1em;
	margin: 10px;
	color: #66170c;
	text-align: left !important;
}


.show {
	display: block;
}

.hide {
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0; /* Safari 1.x */
	-moz-opacity: 0; /* FF lt 1.5, Netscape */
}